/* 自来水厂信息 弹框
* @ 劳兆城 
* @ 2017-08-12*/

<template>
	<interact-model 
		ref="interact-model"
		title="自来水厂信息"
		class="waterFactor-model">
		<div class="waterFactor-warpper">
			<div class="waterFactor-table">
				<table border class="table">
					<tbody>
						<tr>
							<td>水厂编码</td>
							<td>{{fliterData('factory_no')}}</td>
							<td>水厂名称</td>
							<td>{{fliterData('factory_name')}}</td>
						</tr>
						<tr>
							<td>投产时间</td>
							<td>{{fliterData('product_datetime')}}</td>
							<td>地址</td>
							<td>{{fliterData('location')}}</td>
						</tr>
						<tr>
							<td>设计供水能力</td>
							<td>{{fliterData('design_capacity')}}</td>
							<td>供水水源</td>
							<td>{{fliterData('water_sourcr')}}</td>
						</tr>
						<tr>
							<td>净水工艺</td>
							<td>{{fliterData('technology')}}</td>
							<td>消毒方式</td>
							<td>{{fliterData('disinfect')}}</td>
						</tr>
						<tr>
							<td>水质检测能力</td>
							<td>{{fliterData('inspect_capacity')}}</td>
							<td>管网长度</td>
							<td>{{fliterData('length')}}</td>
						</tr>
						<tr>
							<td>年度供水量(万立方米)</td>
							<td>{{fliterData('output')}}</td>
							<td>供水服务人口(万人)</td>
							<td>{{fliterData('population')}}</td>
						</tr>
						<tr>
							<td>经度</td>
							<td>{{fliterData('lat')}}</td>
							<td>纬度</td>
							<td>{{fliterData('lng')}}</td>
						</tr>
						<tr>
							<td>应急供水负责人</td>
							<td>{{fliterData('chargeby')}}</td>
							<td>联系电话</td>
							<td>{{fliterData('phone_no')}}</td>
						</tr>
						<tr>
							<td>供水区域</td>
							<td>{{fliterData('district')}}</td>
							<td>图形编号</td>
							<td>{{fliterData('picture_no')}}</td>
						</tr>
					</tbody>
				</table>
			</div>
		</div>
	</interact-model>
</template>

<script>
	import {
		interactModelMixin,
		aPictureModelMixin
	} from 'common/js/mixins'

export default {
		mixins: [
			interactModelMixin,
			aPictureModelMixin
		],
		methods: {
			show (feature, layerNames) {
				this.$refs['interact-model'].showModel()
			if (layerNames) {
					this.data = feature.get('content').info || {}
			} else {
					this.data = feature.get('content') || {}
			}
			}
		}
	}
</script>

<style lang="scss">
	.waterFactor-model {
		width: 600px;
		height: 450px;
		.waterFactor-warpper {
			width: 100%;
			height: 100%;
			position: relative;
			padding: 5px;
			.waterFactor-table {
				width: 100%;
				height: 100%;
				.table {
					width: 100%;
					font-size: 14px;
					border: 1px solid #ddd;
					td {
						width: 25%;
						padding: 5px;
					}
				}
			}
		}
	}
</style>